<template>
    <div id="bestSales"></div>
</template>

<script>
import { defineComponent, getCurrentInstance, onMounted } from 'vue'
import { bastSalesVolume } from '@/echarts/home/index.js'

export default defineComponent({
    setup() {
        onMounted(() => {
            getBestVolume()
        })
        const { proxy } = getCurrentInstance()
        const getBestVolume = () => {
            let myChart = proxy.$echarts.init(document.getElementById('bestSales'))
            myChart.setOption(bastSalesVolume)
        }
    },
})
</script>

<style lang="scss" scoped>
#bestSales{
    width: 100%;
    height: 100%;
}
</style>
